<template>
    <div style="width: 100%;">
        <el-tabs v-model="defaultValue" :tab-position="'left'" style="min-height: 600px;" @tab-click="chooseTab">
            <el-tab-pane v-for="(item,index) in codeList" :key="'src' + index" :value="item" :label="item.reportName" style="min-height: 600px;">
                <iframe :id="item.indexCode + currentId"
                        :ref="item.indexCode"
                        src=""
                        style="width: 100%; min-height: 600px;" />
            </el-tab-pane>
        </el-tabs>
        <el-dialog title="现场笔录"
                   :visible.sync="xcblVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="xcblForm" class="demo-form-inline" size="small">
                            <el-form-item label="执法时间">
                                <el-row>
                                    <el-col :span="13">
                                        <el-date-picker
                                            v-model="xcblForm.lawenforcement_time"
                                            type="datetime"
                                            format="yyyy年MM月dd日HH时mm分"
                                            value-format="yyyy年MM月dd日HH时mm分"
                                            placeholder="执法时间"
                                            style="width: 100%;" />
                                    </el-col>
                                    <el-col :span="11">
                                        &nbsp;至&nbsp;<el-time-picker
                                            v-model="lawenforcement_time1"
                                            format="HH时mm分"
                                            value-format="HH时mm分"
                                            placeholder=""
                                            style="width: 60%;" />
                                    </el-col>
                                </el-row>
                            </el-form-item>
                            <el-form-item label="扣车地点">
                                <el-input v-model="xcblForm.point_rname" placeholder="输入扣车地点" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveXcbl">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="先行证据登记保存审批表"
                   :visible.sync="xxzjVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="cancelDialog">关闭</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-dialog>
        <el-dialog title="证据登记保存清单"
                   :visible.sync="zjdjbcqdVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="zjdjbcqdForm" class="demo-form-inline" size="small">
                            <el-form-item label="保存时长">
                                <el-input-number v-model="zjdjbcqdForm.save_day" :min="0" :precision="0" :controls="false" label="保存时长" />天
                            </el-form-item>
                            <el-form-item label="登记保存地点">
                                <el-input v-model="zjdjbcqdForm.park" placeholder="输入登记保存地点" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveZjdjbcqd">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="责令改正通知书"
                   :visible.sync="zlgzVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="zlgzForm" class="demo-form-inline" size="small">
                            <el-form-item label="处罚时间">
                                <el-date-picker
                                    v-model="zlgzForm.adjust_time"
                                    type="date"
                                    format="yyyy年MM月dd日"
                                    value-format="yyyy年MM月dd日"
                                    placeholder="处罚时间"
                                    style="width: 100%;" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveZlgz">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="解除证据登记保存决定书"
                   :visible.sync="jczjVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="jczjForm" class="demo-form-inline" size="small">
                            <el-form-item label="处罚时间">
                                <el-date-picker
                                    v-model="jczjForm.remove_date"
                                    type="date"
                                    format="yyyy年MM月dd日"
                                    value-format="yyyy年MM月dd日"
                                    placeholder="处罚时间"
                                    style="width: 100%;" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-col :span="24">
                        <p class="details">
                            {{ dialogDetails }}
                        </p>
                    </el-col>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveJczj">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="询问笔录"
                   :visible.sync="xwblVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="50%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-row>
                            <el-col :span="2">
                                询问时间
                            </el-col>
                            <el-col :span="22">
                                <el-date-picker
                                    v-model="xwblForm.ask_time"
                                    type="datetime"
                                    format="yyyy年MM月dd日HH时mm分"
                                    value-format="yyyy年MM月dd日HH时mm分"
                                    placeholder=""
                                    size="mini"
                                    style="width: 50%;" />
                                &nbsp;至&nbsp;
                                <el-time-picker
                                    v-model="ask_time1"
                                    format="HH时mm分"
                                    value-format="HH时mm分"
                                    placeholder=""
                                    size="mini"
                                    style="width: 20%;" />
                            </el-col>
                        </el-row>
                        <el-row style="margin-top: 5px;">
                            <el-col :span="2" style="line-height: 30px;">
                                询问内容
                            </el-col>
                            <el-col :span="22" style="line-height: 30px;">
                                {{ str1 }}
                                <el-input v-model="xwblForm.third_enforcer" style="width: 150px;" size="mini" placeholder="" />
                                {{ point }}
                                <el-input v-model="xwblForm.fourth_enforcer" style="width: 150px;" size="mini" placeholder="" />
                                {{ str2 }}
                                <el-input v-model="xwblForm.third_enforcer_no" style="width: 150px;" size="mini" placeholder="" />
                                {{ point }}
                                <el-input v-model="xwblForm.fourth_enforcer_no" style="width: 150px;" size="mini" placeholder="" />
                                <span v-for="(item,index) in str3.split('\n')" :key="'span1_' + index">
                                    <span v-if="index != str3.split('\n').length - 1">{{ item }}<br></span>
                                    <span v-else>{{ item }}</span>
                                </span>
                                {{ str4 }}
                                <el-input v-model="xwblForm.vehicleTypeName" style="width: 150px;" size="mini" placeholder="" />
                                {{ str6 }}
                                <el-input v-model="xwblForm.enforcer_comment" size="mini" placeholder="" />
                                <br>
                                <el-input v-model="xwblForm.driver_comment" size="mini" placeholder="" />
                                <span v-for="(item,index) in str5.split('\n')" :key="'span2_' + index">{{ item }}<br></span>
                                <el-input v-model="xwblForm.political_status" size="mini" placeholder="" />
                                <span v-for="(item,index) in str7.split('\n')" :key="'span3_' + index">{{ item }}<br></span>
                            </el-col>
                        </el-row>
                    </div>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveXwbl">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="询问笔录"
                   :visible.sync="xwblfkcVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="50%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-row>
                            <el-col :span="2">
                                询问时间
                            </el-col>
                            <el-col :span="22">
                                <el-date-picker
                                    v-model="xwblForm.ask_time"
                                    type="datetime"
                                    format="yyyy年MM月dd日HH时mm分"
                                    value-format="yyyy年MM月dd日HH时mm分"
                                    placeholder=""
                                    size="mini"
                                    style="width: 50%;" />
                                &nbsp;至&nbsp;
                                <el-time-picker
                                    v-model="ask_time1"
                                    format="HH时mm分"
                                    value-format="HH时mm分"
                                    placeholder=""
                                    size="mini"
                                    style="width: 20%;" />
                            </el-col>
                        </el-row>
                        <el-row style="margin-top: 5px;">
                            <el-col :span="2" style="line-height: 30px;">
                                询问内容
                            </el-col>
                            <el-col :span="22" style="line-height: 30px;">
                                <span v-for="(item,index) in str1.split('\n')" :key="'span2_' + index">{{ item }}<br v-if="index != str1.split('\n').length - 1"></span>
                                <el-input v-model="xwblForm.vehicleTypeName" style="width: 150px;" size="mini" placeholder="" />
                                <span v-for="(item,index) in str2.split('\n')" :key="'span2_' + index">{{ item }}<br></span>
                                <el-input v-model="xwblForm.political_status" style="width: 150px;" size="mini" placeholder="" />
                                <span v-for="(item,index) in str3.split('\n')" :key="'span2_' + index">{{ item }}<br></span>
                            </el-col>
                        </el-row>
                    </div>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveXwbl">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="调查报告"
                   :visible.sync="dcbgVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-row>
                            <el-col :span="2">
                                罚款金额
                            </el-col>
                            <el-col :span="22">
                                <el-input-number v-model="dcbgForm.fine" size="mini" :min="0" :precision="2" :controls="false" label="罚款金额" />元
                            </el-col>
                        </el-row>
                        <el-row style="margin-top: 5px;">
                            <el-col :span="2" style="line-height: 30px;">
                                询问内容
                            </el-col>
                            <el-col :span="22" style="line-height: 30px;">
                                <el-date-picker
                                    v-model="dcbgForm.pass_rtime"
                                    type="datetime"
                                    format="yyyy年MM月dd日HH时mm分"
                                    value-format="yyyy年MM月dd日HH时mm分"
                                    placeholder="执法时间"
                                    size="mini"
                                    style="width: 210px;" />
                                {{ dcstr1 }}
                                <el-input v-model="dcbgForm.plate_no" style="width: 150px;" size="mini" placeholder="" />
                                {{ dcstr2 }}
                                <el-input v-model="dcbgForm.vehicle_weight" style="width: 150px;" size="mini" placeholder="" />
                                {{ dcstr3 }}
                                <el-input v-model="dcbgForm.point_rname" style="width: 150px;" size="mini" placeholder="" />
                                {{ dcstr4 }}
                            </el-col>
                        </el-row>
                        <el-row style="margin-top: 20px;">
                            <el-col :span="24" style="text-align: right;">
                                <el-button size="mini" type="primary" @click="saveDcbg">保存</el-button>
                                <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                            </el-col>
                        </el-row>
                    </div>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="调查报告"
                   :visible.sync="dcbgbkcVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-row>
                            <el-col :span="2">
                                罚款金额
                            </el-col>
                            <el-col :span="22">
                                <el-input-number v-model="dcbgForm.fine" size="mini" :min="0" :precision="2" :controls="false" label="罚款金额" />元
                            </el-col>
                        </el-row>
                        <el-row style="margin-top: 5px;">
                            <el-col :span="2" style="line-height: 30px;">
                                询问内容
                            </el-col>
                            <el-col :span="22" style="line-height: 30px;">
                                <el-date-picker
                                    v-model="dcbgForm.pass_rtime"
                                    type="datetime"
                                    format="yyyy年MM月dd日HH时mm分"
                                    value-format="yyyy年MM月dd日HH时mm分"
                                    placeholder="执法时间"
                                    size="mini"
                                    style="width: 210px;" />
                                {{ dcstr1 }}
                                <el-input v-model="dcbgForm.plate_no" style="width: 150px;" size="mini" placeholder="" />
                                {{ dcstr2 }}
                                <el-input v-model="dcbgForm.point_rname" style="width: 150px;" size="mini" placeholder="" />
                                {{ dcstr3 }}
                                <el-input v-model="dcbgForm.vehicle_weight" style="width: 150px;" size="mini" placeholder="" />
                                {{ dcstr4 }}
                            </el-col>
                        </el-row>
                        <el-row style="margin-top: 20px;">
                            <el-col :span="24" style="text-align: right;">
                                <el-button size="mini" type="primary" @click="saveDcbg">保存</el-button>
                                <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                            </el-col>
                        </el-row>
                    </div>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="立案登记表"
                   :visible.sync="ladjbVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="ladjbForm" class="demo-form-inline" size="small">
                            <el-form-item label="备注">
                                <el-input v-model="ladjbForm.comment" placeholder="" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-col :span="24">
                        <p class="details">
                            {{ dialogDetails }}
                        </p>
                    </el-col>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveLadjb">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="违法行为通知书"
                   :visible.sync="wfxwtzsVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="cancelDialog">关闭</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-dialog>
        <el-dialog title="违法行为通知书回传"
                   :visible.sync="wfxwtzshcVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="wfxwtzshcForm" class="demo-form-inline" size="small">
                            <el-form-item label="代收人">
                                <el-input v-model="wfxwtzshcForm.receiver" placeholder="" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-col :span="24">
                        <p class="details">
                            {{ dialogDetails }}
                        </p>
                    </el-col>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveWfxwtzshc">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="陈述申辩书"
                   :visible.sync="cssbsVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="cssbsForm" class="demo-form-inline" size="small">
                            <el-form-item label="陈述申辩时间">
                                <el-row>
                                    <el-col :span="13">
                                        <el-date-picker
                                            v-model="cssbsForm.statement_time"
                                            type="datetime"
                                            format="yyyy年MM月dd日HH时mm分"
                                            value-format="yyyy年MM月dd日HH时mm分"
                                            placeholder="执法时间"
                                            style="width: 100%;" />
                                    </el-col>
                                    <el-col :span="11">
                                        &nbsp;至&nbsp;
                                        <el-time-picker
                                            v-model="statement_time1"
                                            format="HH时mm分"
                                            value-format="HH时mm分"
                                            placeholder=""
                                            style="width: 60%;" />
                                    </el-col>
                                </el-row>
                            </el-form-item>
                            <el-form-item label="陈述申辩内容">
                                <p class="details">
                                    {{ dialogDetails }}
                                </p>
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveCssbs">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="行政处罚决定书"
                   :visible.sync="xzcfjdsVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="cancelDialog">关闭</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-dialog>
        <el-dialog title="结案报告"
                   :visible.sync="jabgVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="cancelDialog">关闭</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-dialog>
        <el-dialog title="卷宗目录"
                   :visible.sync="zjmlVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="30%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :model="zjmlForm" class="demo-form-inline" size="small">
                            <el-form-item label="总页数">
                                <el-input-number v-model="zjmlForm.material_page" :min="0" :precision="0" :controls="false" label="" />
                            </el-form-item>
                            <el-form-item label="票据号">
                                <el-input v-model="zjmlForm.bill_no" style="width: 200px;" placeholder="" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveZjml">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="备考表"
                   :visible.sync="bkbVisible"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="40%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="bkbForm" class="demo-form-inline" size="small">
                            <el-form-item label="检查人">
                                <el-input v-model="bkbForm.rummager" placeholder="" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-col :span="24">
                        <p class="details">
                            {{ dialogDetails }}
                        </p>
                    </el-col>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveBkb">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="违法行为通知书"
                   :visible.sync="wfxwtzsVisible1"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="60%">
            <div class="app-container">
                <div class="pageTitle">
                    <div class="pageTitleSub">
                        <el-form :inline="true" :model="zlgzForm" class="demo-form-inline" size="small">
                            <el-form-item label="处罚时间">
                                <el-date-picker
                                    v-model="zlgzForm.adjust_time"
                                    type="date"
                                    format="yyyy年MM月dd日"
                                    value-format="yyyy年MM月dd日"
                                    placeholder="处罚时间"
                                    style="width: 100%;" />
                            </el-form-item>
                        </el-form>
                    </div>
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ dialogDetails }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="saveZlgz">保存</el-button>
                            <el-button size="mini" type="primary" @click="cancelDialog">取消</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
        <el-dialog title="提示"
                   :visible.sync="gzcfdx"
                   :modal-append-to-body="false"
                   :close-on-click-modal="false"
                   :show-close="false"
                   :modal="false"
                   width="30%">
            <div class="app-container">
                <div class="pageTitle">
                    <el-row>
                        <el-col :span="24">
                            <p class="details">
                                {{ gzxx }}
                            </p>
                        </el-col>
                    </el-row>
                    <el-row style="margin-top: 20px;">
                        <el-col :span="24" style="text-align: right;">
                            <el-button size="mini" type="primary" @click="cancelDialog">确定</el-button>
                        </el-col>
                    </el-row>
                </div>
            </div>
            <el-row />
        </el-dialog>
    </div>
</template>

<script>
// import {ReportInformation, SelectOneRVIn, InformInformation, InformInquiry, PunishmentTime} from '@/api/overrunPenaltyApi';
import {SelectOneRVIn,InformInformation} from '@/api/parkUnloadApi';
import moment from 'moment';
export default {
    name: 'Index',
    props: {
        currentProcessId: {
            type: Number,
            default: 0
        },
        limitInfo: Object,
        _event: String
    },
    data() {
        return {
            currentId: '',
            gzxx: '',
            point: '、',
            // 先行证据登记保存审批表
            xxzjVisible: false,
            xxzj: '',
            defaultValue: '99999',
            src: 'about:blank',
            xcblVisible: false,
            xcblForm: {
                lawenforcement_time: '',
                point_rname: ''
            },
            lawenforcement_time1: '',
            ask_time1: '',
            statement_time1: '',
            dialogDetails: '',
            codeList: [],
            currentTab: {},
            judge: '',
            // 证据登记保存清单
            zjdjbcqdVisible: false,
            zjdjbcqdForm: {
                save_day: null,
                park: ''
            },
            zjdjbcqdxq: '',
            // 责令改正
            zlgzVisible: false,
            zlgzForm: {
                adjust_time: ''
            },
            // 解除证据登记保存决定书
            jczjVisible: false,
            jczjForm: {
                remove_date: ''
            },
            // 询问笔录
            xwblVisible: false,
            xwblForm: {
                ask_time: '',
                third_enforcer: '',
                fourth_enforcer: '',
                third_enforcer_no: '',
                fourth_enforcer_no: '',
                enforcer_comment: '',
                vehicleTypeName: '',
                driver_comment: '',
                political_status: ''
            },
            str1: '',
            str2: '',
            str3: '',
            str4: '',
            str5: '',
            str6: '',
            str7: '',
            // 调查报告
            dcbgVisible: false,
            dcbgForm: {
                fine: 0,
                pass_rtime: '',
                plate_no: '',
                vehicle_weight: '',
                point_rname: ''
            },
            dcstr1: '',
            dcstr2: '',
            dcstr3: '',
            dcstr4: '',
            // 立案登记表
            ladjbVisible: false,
            ladjbForm: {
                comment: ''
            },
            // 违法行为通知书
            wfxwtzsVisible: false,
            // 违法行为通知书回传
            wfxwtzshcVisible: false,
            wfxwtzshcForm: {
                receiver: ''
            },
            // 陈述申辩书
            cssbsVisible: false,
            cssbsForm: {
                statement_time: ''
            },
            // 行政处罚决定书
            xzcfjdsVisible: false,
            // 结案报告
            jabgVisible: false,
            // 宗卷目录
            zjmlVisible: false,
            zjmlForm: {
                material_page: 0,
                bill_no: ''
            },
            // 备考表
            bkbVisible: false,
            bkbForm: {
                rummager: ''
            },
            // 不扣车违法行为通知书
            wfxwtzsVisible1: false,
            xwblfkcVisible: false,
            dcbgbkcVisible: false,
            gzcfdx: false
        };
    },
    watch: {
        _event: {
            handler(n, o) {
                this.defaultValue = '99999';
                this.getCodeList();
            },
            deep: true
        },
        currentProcessId: {
            handler(n, o) {
                console.log(n);
                this.defaultValue = '99999';
                this.getCodeList();
            },
            deep: true
        },
        limitInfo(newValue, oldValue) {
            this.form = newValue;
            // this.radio = '';
            // this.unitInfoUnable = false;
            // this.personInfoUnable = false;
            // this.initForm();
            this.codeList = [];
            this.getCodeList();
        }
    },
    mounted() {

    },
    created() {
        this.currentId = new Date().getTime() + '';
        this.getCodeList();
    },
    methods: {
        resetForm() {
            this.xcblForm = {
                lawenforcement_time: '',
                point_rname: ''
            };
            this.zjdjbcqdForm = {
                save_day: null,
                park: ''
            };
            this.zlgzForm = {
                adjust_time: ''
            };
            this.jczjForm = {
                remove_date: ''
            };
            this.xwblForm = {
                ask_time: '',
                third_enforcer: '',
                fourth_enforcer: '',
                third_enforcer_no: '',
                fourth_enforcer_no: '',
                enforcer_comment: '',
                vehicleTypeName: '',
                driver_comment: '',
                political_status: ''
            };
            this.dcbgForm = {
                fine: 0,
                pass_rtime: '',
                plate_no: '',
                vehicle_weight: '',
                point_rname: ''
            };
            this.wfxwtzshcForm = {
                receiver: ''
            };
            this.cssbsForm = {
                statement_time: ''
            };
            this.zjmlForm = {
                material_page: 0,
                bill_no: ''
            };
            this.bkbForm = {
                rummager: ''
            };
        },
        sfgzdcbg(a) {
            this.gzxx = '请告知处罚对象';
            InformInquiry({process_id: this.currentProcessId}).then(res => {
                if (res.res.InformInquiry == '未告知') {
                    this.gzcfdx = true;
                } else {
                    var pass_rtime = a.split('</pass_rtime>pass_rtime')[0].replace('<pass_rtime>', '');
                    this.dcbgForm.pass_rtime = pass_rtime;
                    a = a.split('</pass_rtime>pass_rtime')[1];
                    var d1 = a.split('<plate_no>')[0].replace(';', '');
                    this.dcstr1 = d1;
                    a = a.split('<plate_no>')[1];
                    var plate_no = a.split('</plate_no>plate_no')[0];
                    this.dcbgForm.plate_no = plate_no;
                    a = a.split('</plate_no>plate_no')[1];
                    var d2 = a.split('<point_rname>')[0];
                    this.dcstr2 = d2;
                    a = a.split('<point_rname>')[1];
                    var point_rname =  a.split('</point_rname>point_rname')[0];
                    this.dcbgForm.point_rname = point_rname;
                    a = a.split('</point_rname>point_rname')[1];
                    var d3 = a.split('<vehicle_weight>')[0];
                    this.dcstr3 = d3;
                    a = a.split('<vehicle_weight>')[1];
                    var vehicle_weight = a.split('</vehicle_weight>vehicle_weight')[0];
                    this.dcbgForm.vehicle_weight = vehicle_weight;
                    a = a.split('</vehicle_weight>vehicle_weight')[1];
                    var dcstr5 = a.split('<fine>');
                    this.dcbgForm.fine = dcstr5[1].replace('<fine/>', '');
                    a = dcstr5[0];
                    this.dcstr4 = a;
                    this.dialogDetails = a;
                    this.dcbgbkcVisible = true;
                }
            }).catch(err => {
                this.gzcfdx = true;
            });
        },

        sfgzladj(a) {
            this.gzxx = '请告知处罚对象';
            InformInquiry({process_id: this.currentProcessId}).then(res => {
                if (res.res.InformInquiry == '未告知') {
                    this.gzcfdx = true;
                } else {
                    var str1 = a.split('<comment>');
                    a = str1[0];
                    var b = str1[1].replace('<comment/>', '');
                    this.ladjbForm.comment = b;
                    this.dialogDetails = a;
                    this.ladjbVisible = true;
                }
            }).catch(err => {
                this.gzcfdx = true;
            });
        },

        sfgzxzcfjds(a) {
            this.gzxx = '请告知处罚对象及填入处罚时间';
            InformInquiry({process_id: this.currentProcessId}).then(res => {
                if (res.res.InformInquiry == '未告知') {
                    this.gzcfdx = true;
                } else {
                    PunishmentTime({process_id: this.currentProcessId}).then(res => {
                        if (res.res.PunishmentTime && res.res.PunishmentTime[0].Column1 == 0) {
                            this.gzcfdx = true;
                        } else {
                            this.dialogDetails = a;
                            this.xzcfjdsVisible = true;
                        }
                    }).catch(err => {
                        this.gzcfdx = true;
                    });
                }
            }).catch(err => {
                console.log(err);
            });
        },
        moment,
        setSrc() {
            var iframe = document.getElementById(this.currentTab.$attrs.value.indexCode + this.currentId);
            if (this.currentTab.$attrs.value.url) {

                iframe.src = this.currentTab.$attrs.value.url.replace(' ', '%20');
            } else {
                iframe.src = 'about:blank';
                this.$message({
                    message: '未获取到报表地址',
                    type: 'warning'
                });
            }

        },
        cancelDialog() {
            this.xcblVisible = false;
            this.xxzjVisible = false;
            this.zjdjbcqdVisible = false;
            this.zlgzVisible = false;
            this.jczjVisible = false;
            this.xwblVisible = false;
            this.dcbgVisible = false;
            this.ladjbVisible = false;
            this.wfxwtzsVisible = false;
            this.wfxwtzshcVisible = false;
            this.cssbsVisible = false;
            this.xzcfjdsVisible = false;
            this.jabgVisible = false;
            this.zjmlVisible = false;
            this.bkbVisible = false;
            this.wfxwtzsVisible1 = false;
            this.xwblfkcVisible = false;
            this.dcbgbkcVisible = false;
            this.gzcfdx = false;
            this.setSrc();
        },
        getCodeList() {
            InformInformation({_Event: this._event}).then(res => {
                // res.res.InformInformation.forEach(x => {
                //     if (x.index_code == 'ReturnNotice_issues2' || x.index_code == 'ReturnNotice_settle2') {
                //         x.report_name = '违法行为通知书送达回证';
                //     }
                // });
                // debugger;
                this.codeList = res.res.InformInformation;
                console.log("查看codelist");
                console.log(this.codeList);
                this.judge = '';
                if (this._event == '3') {
                    this.judge = '1';
                // } else if (this._event == '4') {
                //     this.judge = '2';
                // } else if (this._event == '6') {
                //     this.judge = '4';
                // } else if (this._event == '7') {
                //     this.judge = '3';
                } else if (this._event == '2') {
                    this.judge = '2';
                // } else if (this._event == '5') {
                //     this.judge = '6';
                // } else if (this._event == '1') {
                //     this.judge = '0';
                }
                // var violative_alarm_id = '';
                // if (this.limitInfo.violative_alarm_id) {
                //     violative_alarm_id = this.limitInfo.violative_alarm_id;
                // } else {
                //     violative_alarm_id = this.limitInfo.Violative_alarm_id;
                // }
                this.codeList.forEach(x => {
                    x.currentTime = this.currentId;
                    SelectOneRVIn({
                        detectId: this.limitInfo.detectId,
                        archiveId: this.limitInfo.archiveId,
                        // process_id: this.currentProcessId,
                        indexCode: x.indexCode,
                        judge: this.judge,
                        // violative_alarm_id: violative_alarm_id
                    }).then(res => {
                        this.dialogDetails = res.res.URL;
                        // this.dialogDetails = res.res.Txt;
                        x.url = res.res.URL.replace(' https', 'https');
                        // this.dialogDetails
                    }).catch(err => {
                        console.log(err);
                    });
                });
            }).catch(err => {
                console.log(err);
            });
        },
        openDialog(tab) {
            // debugger;
            console.log("test");
            this.currentTab = tab;
            var iframe = document.getElementById(tab.$attrs.value.indexCode + this.currentId);
            iframe.src = 'about:blank';
            this.dialogDetails = '';
            // var violative_alarm_id = '';
            // if (this.limitInfo.violative_alarm_id) {
            //     violative_alarm_id = this.limitInfo.violative_alarm_id;
            // } else {
            //     violative_alarm_id = this.limitInfo.Violative_alarm_id;
            // }
            console.log("点击");
            SelectOneRVIn({
                // plate_no: this.limitInfo.plate_no,
                detectId: this.limitInfo.detectId,
                // process_id: this.currentProcessId,
                archiveId: this.limitInfo.archiveId,
                indexCode: tab.$attrs.value.indexCode,
                judge: this.judge,
                // violative_alarm_id: violative_alarm_id
            }).then(res => {
                // debugger;
                var a = res.res.URL;
                console.log("查看a");
                console.log(a);
                // var a = res.res.Txt;
                if (!a) {
                    this.showGridDialog(tab, false);
                } else {
                    // if (tab.$attrs.value.index_code.indexOf('InquiryRecord_issues2') != -1) {
                    //     var newStr = a;
                    //     var enforcer_comment = a.substring(a.indexOf('<enforcer_comment>') + '<enforcer_comment>'.length, a.indexOf('</ enforcer_comment >') - 1);
                    //     var political_status = a.substring(a.indexOf('<political_status>') + '<political_status>'.length, a.indexOf('<political_status/>'));
                    //     this.xwblForm.political_status = political_status;
                    //     a = a.replace('<political_status>' + political_status + '<political_status/>', '');
                    //     var ss = newStr.split('<ask_time>');
                    //     var s6 = ss[0].substr(ss[0].indexOf('vehicleTypeName'), ss[0].length - 1).split('driver_comment\n')[0].replace('vehicleTypeName', '').replace('\ndriver_comment\n', '');
                    //     this.str6 = s6;
                    //     var s1 = a.split('third_enforcer、')[0];
                    //     this.str1 = s1;
                    //     a = a.split('fourth_enforcer，')[1];
                    //     var s2 = a.split('third_enforcer_no')[0];
                    //     this.str2 = s2;
                    //     a = a.split('fourth_enforcer_no')[1];
                    //     var s3 = a.substr(0, a.indexOf('enforcer_comment')).replace('\nenforcer_comment\n', '');
                    //     this.str3 = s3;
                    //     a = a.replace(s3 + '\nenforcer_comment\n', '');
                    //     a = a.split('\nenforcer_comment\n')[1];
                    //     var s4 = a.split('vehicleTypeName\n')[0];
                    //     this.str4 = s4;
                    //     a = a.split('driver_comment\n')[1];
                    //     var a1 = a.split('<enforcer_comment>')[0];
                    //
                    //     var a2 = a.split('<enforcer_comment>')[1];
                    //     this.xwblForm.enforcer_comment = enforcer_comment;
                    //     var driver_comment = a2.split('<driver_comment>')[1].replace('</ driver_comment >', '');
                    //     this.xwblForm.driver_comment = (driver_comment.split('<ask_time>'))[0];
                    //     var ss1 = ss[1];
                    //     var ss2 = ss1.split('<ask_time/><third_enforcer>');
                    //     var ss21 = ss2[0];
                    //     this.xwblForm.ask_time = ss2[0];
                    //     if (ss2) {
                    //         this.xwblForm.ask_time = (ss21.split('至'))[0];
                    //         this.ask_time1 = (ss21.split('至'))[1];
                    //     }
                    //     var ss3 = ss2[1].split('<third_enforcer/><fourth_enforcer>');
                    //     this.xwblForm.third_enforcer = ss3[0];
                    //     var ss4 = ss3[1].split('<fourth_enforcer/><third_enforcer_no>');
                    //     this.xwblForm.fourth_enforcer = ss4[0];
                    //     var ss5 = ss4[1].split('<third_enforcer_no/><fourth_enforcer_no>');
                    //     this.xwblForm.third_enforcer_no = ss5[0];
                    //     var ss6 = ss5[1].split('<fourth_enforcer_no/><vehicleTypeName>');
                    //     this.xwblForm.fourth_enforcer_no = ss6[0];
                    //     this.xwblForm.vehicleTypeName = ss6[1].replace('<vehicleTypeName/>', '').replace('<political_status>' + political_status + '<political_status/>', '');
                    //     this.str5 = a1;
                    //     var ss213 = a1.split('political_status');
                    //     this.str5 = ss213[0];
                    //     this.str7 = ss213[1];
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('FieldRecord_issues') != -1) {
                    //     var str1 = a.split('<point_rname>');
                    //     a = str1[0];
                    //     var str2 = str1[1].replace('<point_rname/>', '');
                    //     this.xcblForm.point_rname = str2;
                    //     var str3 = a.split('<lawenforcement_time>');
                    //     a = str3[0];
                    //     this.xcblForm.lawenforcement_time = str3[1].replace('<lawenforcement_time/>', '');
                    //     console.log('------------------');
                    //     console.log(str3[1].replace('<lawenforcement_time/>', ''));
                    //     var str31 = str3[1].replace('<lawenforcement_time/>', '');
                    //     if (str31) {
                    //         this.xcblForm.lawenforcement_time = (str31.split('至'))[0];
                    //         this.lawenforcement_time1 = (str31.split('至'))[1];
                    //
                    //     }
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('InquiryRecord_issues1') != -1) {
                    //     var bs2 = a.split('<ask_time>');
                    //     var bs3 = bs2[1];
                    //     var bs4 = bs3.split('<ask_time/><vehicleTypeName>');
                    //
                    //     if (bs4[0].indexOf('<ask_time/>') != -1) {
                    //         this.xwblForm.vehicleTypeName = bs4[0].replace('<ask_time/><vehicleTypeName>', '').replace('<vehicleTypeName/>', '');
                    //     } else {
                    //         this.xwblForm.ask_time = bs4[0];
                    //         var ss21 = bs4[0];
                    //         if (ss21) {
                    //             this.xwblForm.ask_time = (ss21.split('至'))[0];
                    //             this.ask_time1 = (ss21.split('至'))[1];
                    //         }// <political_status><political_status/>
                    //         var bs5 = bs4[1].split('<political_status>');
                    //         var bs6 = bs5[1];
                    //         this.xwblForm.political_status = bs6.replace('<political_status>', '').replace('<political_status/>', '');
                    //         this.xwblForm.vehicleTypeName = bs5[0].replace('<vehicleTypeName/>', '');
                    //     }
                    //     a = bs2[0];
                    //     var bs1 = a.split('vehicleTypeName')[0];
                    //     this.str1 = bs1;
                    //     a = a.split('vehicleTypeName')[1];
                    //     this.str2 = a.split('political_status')[0];
                    //     this.str3 = a.split('political_status')[1];
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('InvestigationReport_issues2') != -1) {
                    //     var pass_rtime = a.split('</pass_rtime>pass_rtime')[0].replace('<pass_rtime>', '');
                    //     this.dcbgForm.pass_rtime = pass_rtime;
                    //     a = a.split('</pass_rtime>pass_rtime')[1];
                    //     var d1 = a.split('<plate_no>')[0].replace(';', '');
                    //     this.dcstr1 = d1;
                    //     a = a.split('<plate_no>')[1];
                    //     var plate_no = a.split('</plate_no>plate_no')[0];
                    //     this.dcbgForm.plate_no = plate_no;
                    //     a = a.split('</plate_no>plate_no')[1];
                    //     var d2 = a.split('<vehicle_weight>')[0];
                    //     this.dcstr2 = d2;
                    //     a = a.split('<vehicle_weight>')[1];
                    //     var vehicle_weight = a.split('</vehicle_weight>vehicle_weight')[0];
                    //     this.dcbgForm.vehicle_weight = vehicle_weight;
                    //     a = a.split('</vehicle_weight>vehicle_weight')[1];
                    //     var d3 = a.split('<point_rname>')[0];
                    //     this.dcstr3 = d3;
                    //     a = a.split('<point_rname>')[1];
                    //     var point_rname =  a.split('</point_rname>point_rname')[0];
                    //     this.dcbgForm.point_rname = point_rname;
                    //     a = a.split('</point_rname>point_rname')[1];
                    //     var dcstr5 = a.split('<fine>');
                    //     this.dcbgForm.fine = dcstr5[1].replace('<fine/>', '');
                    //     a = dcstr5[0];
                    //     this.dcstr4 = a;
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('InvestigationReport_issues1') != -1) {
                    //     this.sfgzdcbg(a);
                    //     return false;
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('RegisterCase_issues1') != -1) {
                    //     this.sfgzladj(a);
                    //     return false;
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('Penaltyletter_issues1') != -1) {
                    //     this.sfgzxzcfjds(a);
                    //     return false;
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('RegistrationList_issues') != -1) {
                    //     var str1 = a.split('<save_day>');
                    //     a = str1[0];
                    //     var b = str1[1].split('<save_day/><park>');
                    //     this.zjdjbcqdForm.save_day = b[0];
                    //     this.zjdjbcqdForm.park = b[1].replace('<park/>', '');
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('SaveDecision_issues') != -1) {
                    //     var str1 = a.split('<remove_date>');
                    //     a = str1[0];
                    //     var b = str1[1].replace('<remove_date/>', '');
                    //     this.jczjForm.remove_date = b;
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('RegisterCase_issues2') != -1) {
                    //     var str1 = a.split('<comment>');
                    //     a = str1[0];
                    //     var b = str1[1].replace('<comment/>', '');
                    //     this.ladjbForm.comment = b;
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('ReturnNotice_issues') != -1) {
                    //     var str1 = a.split('<receiver>');
                    //     a = str1[0];
                    //     var b = str1[1].replace('<receiver/>', '');
                    //     this.wfxwtzshcForm.receiver = b;
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('StatementPlead_issues') != -1) {
                    //     var str1 = a.split('<statement_time>');
                    //     a = str1[0];
                    //     var b = str1[1].replace('<statement_time/>', '');
                    //     this.cssbsForm.statement_time = b;
                    //     if (b) {
                    //         this.cssbsForm.statement_time = (b.split('至'))[0];
                    //         this.statement_time1 = (b.split('至'))[1];
                    //
                    //     }
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('PreparationForm_issues') != -1) {
                    //     var str1 = a.split('<rummager>');
                    //     a = str1[0];
                    //     var b = str1[1].replace('<rummager/>', '');
                    //     this.bkbForm.rummager = b;
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('ViolationNotice_issues') != -1) {
                    //     var str1 = a.split('<adjust_time>');
                    //     a = str1[0];
                    //     if (str1[1]) {
                    //         var b = str1[1].replace('<adjust_time/>', '');
                    //         this.zlgzForm.adjust_time = b;
                    //     }
                    //
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('NoticeOfCorrection_issues') != -1) {
                    //     var str1 = a.replace('处罚日期 <adjust_time>', '').replace('<adjust_time/>', '').replace(' ', '');
                    //     this.zlgzForm.adjust_time = str1;
                    // }
                    // else if (tab.$attrs.value.index_code.indexOf('FileCatalogue_issues') != -1) {
                    //     var str1 = a.replace('请输入总页数<material_page>', '').split('<material_page/>');
                    //     this.zjmlForm.material_page = str1[0];
                    //     a = str1[1];
                    //     var str2 = a.replace('票据号<bill_no>', '').replace('<bill_no/>', '');
                    //     this.zjmlForm.bill_no = str2;
                    // }
                    this.dialogDetails = a;
                    this.showGridDialog(tab, true);
                }

            }).catch(err => {
                console.log(err);
            });
            this.lawenforcement_time1 = '';
            this.ask_time1 = '';
            this.statement_time1 = '';
        },
        chooseTab(tab) {
            console.log("查看tab");
            console.log(tab);
            this.resetForm();
            this.openDialog(tab);
        },
        showGridDialog(tab, flag) {
            // this._event == '4'
            // debugger;
            if (tab.$attrs.value.index_code == 'FieldRecord_issues' && flag) {
                this.xcblVisible = true;
            }
            else if (tab.$attrs.value.index_code == 'RegistrationList_issues' && flag) {
                this.zjdjbcqdVisible = true;
            }
            else if (tab.$attrs.value.index_code == 'ApprovalForm_issues' && flag) {
                this.xxzjVisible = true;
            }
            else if (tab.$attrs.value.index_code == 'SaveDecision_issues' && flag) {
                this.jczjVisible = true;
            }
            else if (tab.$attrs.value.index_code == 'InquiryRecord_issues2' && flag) {
                this.xwblVisible = true;
            }
            else if (tab.$attrs.value.index_code == 'InquiryRecord_issues1' && flag) {
                this.xwblfkcVisible = true;
            }
            // else if (tab.$attrs.value.index_code.indexOf('InvestigationReport_issues2') != -1 && flag) {
            //     this.dcbgVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('InvestigationReport_issues1') != -1 && flag) {
            //     this.dcbgbkcVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('RegisterCase_issues') != -1 && flag) {
            //     this.ladjbVisible = true;
            // }
            // else if (tab.$attrs.value.index_code == 'ViolationNotice_issues2' && flag) {
            //     this.wfxwtzsVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('ReturnNotice_issues') != -1 && flag) {
            //     this.wfxwtzshcVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('StatementPlead_issues') != -1 && flag) {
            //     this.cssbsVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('Penaltyletter_issues') != -1 && flag) {
            //     this.xzcfjdsVisible = true;
            //
            // }
            // else if (tab.$attrs.value.index_code.indexOf('ClosingReport_issues') != -1 && flag) {
            //     this.jabgVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('FileCatalogue_issues') != -1 && flag) {
            //     this.zjmlVisible = true;
            // }
            // else if (tab.$attrs.value.index_code.indexOf('PreparationForm_issues') != -1 && flag) {
            //     this.bkbVisible = true;
            // }
            else if (tab.$attrs.value.index_code == 'NoticeOfCorrection_issues') {
                this.zlgzVisible = true;
            }
            else if (tab.$attrs.value.index_code == 'ViolationNotice_issues1' && flag) {
                this.wfxwtzsVisible1 = true;
            }
            else {
                var iframe = document.getElementById(tab.$attrs.value.indexCode + this.currentId);
                if (tab.$attrs.value.url) {
                    iframe.src = tab.$attrs.value.url.replace(' ', '%20');
                }
            }

        },

        saveXcbl() {
            if (!this.xcblForm.lawenforcement_time) {
                this.$message({
                    message: '请选择执法时间',
                    type: 'warning'
                });
                return false;
            }
            if (!this.lawenforcement_time1) {
                this.$message({
                    message: '请选择执法时间',
                    type: 'warning'
                });
                return false;
            }
            if (!this.xcblForm.point_rname) {
                this.$message({
                    message: '请输入扣车地点',
                    type: 'warning'
                });
                return false;
            }
            this.xcblForm.lawenforcement_time = this.xcblForm.lawenforcement_time + '至' + this.lawenforcement_time1;
            this.xcblForm.process_id = this.currentProcessId;
            this.saveInfo(this.xcblForm);
        },

        saveZjdjbcqd() {
            if (!this.zjdjbcqdForm.save_day) {
                this.$message({
                    message: '请输入保存时长',
                    type: 'warning'
                });
                return false;
            }
            if (!this.zjdjbcqdForm.park) {
                this.$message({
                    message: '请输入登记保存地点',
                    type: 'warning'
                });
                return false;
            }
            this.zjdjbcqdForm.process_id = this.currentProcessId;
            this.saveInfo(this.zjdjbcqdForm);
        },

        saveZlgz() {
            if (!this.zlgzForm.adjust_time) {
                this.$message({
                    message: '请选择处罚日期',
                    type: 'warning'
                });
                return false;
            }
            this.zlgzForm.process_id = this.currentProcessId;
            this.saveInfo(this.zlgzForm);
        },

        saveJczj() {
            if (!this.jczjForm.remove_date) {
                this.$message({
                    message: '请选择解除日期',
                    type: 'warning'
                });
                return false;
            }
            this.jczjForm.process_id = this.currentProcessId;
            this.saveInfo(this.jczjForm);
        },

        saveXwbl() {
            /**
             *
             ask_time: '',
             third_enforcer: '',
             fourth_enforcer: '',
             third_enforcer_no: '',
             fourth_enforcer_no: '',
             enforcer_comment: '',
             vehicleTypeName: '',
             driver_comment: '',
             */
            if (!this.xwblForm.ask_time) {
                this.$message({
                    message: '请选择询问日期',
                    type: 'warning'
                });
                return false;
            }
            if (!this.ask_time1) {
                this.$message({
                    message: '请选择询问日期',
                    type: 'warning'
                });
                return false;
            }
            if (!this.xwblForm.vehicleTypeName) {
                this.$message({
                    message: '请输入车辆类型',
                    type: 'warning'
                });
                return false;
            }
            this.xwblForm.ask_time = this.xwblForm.ask_time + '至' + this.ask_time1;
            this.xwblForm.process_id = this.currentProcessId;
            this.saveInfo(this.xwblForm);
        },

        saveDcbg() {
            /* if (!this.dcbgForm.fine) {
                    this.$message({
                        message: '请输入罚款金额',
                        type: 'warning'
                    });
                    return false;
                }
                            pass_rtime: '',
                            plate_no: '',
                            vehicle_weight: '',
                            point_rname: ''
                */

            this.dcbgForm.process_id = this.currentProcessId;
            this.saveInfo(this.dcbgForm);
        },

        saveLadjb() {
            if (!this.ladjbForm.comment) {
                this.$message({
                    message: '请输入备注',
                    type: 'warning'
                });
                return false;
            }
            this.ladjbForm.process_id = this.currentProcessId;
            this.saveInfo(this.ladjbForm);
        },

        saveWfxwtzshc() {
            if (!this.wfxwtzshcForm.receiver) {
                this.$message({
                    message: '请输入代收人',
                    type: 'warning'
                });
                return false;
            }
            this.wfxwtzshcForm.process_id = this.currentProcessId;
            this.saveInfo(this.wfxwtzshcForm);
        },

        saveCssbs() {
            if (!this.cssbsForm.statement_time) {
                this.$message({
                    message: '请选择陈述申辩时间',
                    type: 'warning'
                });
                return false;
            }
            if (!this.statement_time1) {
                this.$message({
                    message: '请选择陈述申辩时间',
                    type: 'warning'
                });
                return false;
            }
            this.cssbsForm.statement_time = this.cssbsForm.statement_time + '至' + this.statement_time1;
            this.cssbsForm.process_id = this.currentProcessId;
            this.saveInfo(this.cssbsForm);
        },

        saveZjml() {
            if (!this.zjmlForm.material_page) {
                this.$message({
                    message: '请输入总页数',
                    type: 'warning'
                });
                return false;
            }
            if (!this.zjmlForm.bill_no) {
                this.$message({
                    message: '请输入票据号!',
                    type: 'warning'
                });
                return false;
            }
            this.zjmlForm.process_id = this.currentProcessId;
            this.saveInfo(this.zjmlForm);
        },

        saveBkb() {
            if (!this.bkbForm.rummager) {
                this.$message({
                    message: '请输入检查人',
                    type: 'warning'
                });
                return false;
            }
            this.bkbForm.process_id = this.currentProcessId;
            this.saveInfo(this.bkbForm);
        },

        saveInfo(form) {
            this.cancelDialog();
            ReportInformation(form).then(res => {
                if (res.res.Menu[0].Column1 == '更新成功') {
                    this.$message({
                        message: '保存成功',
                        type: 'success'
                    });
                }
            }).catch(err => {
                console.log(err);
            });
        }

    }
};
</script>
<style scoped>

.details {
    text-indent: 30px;
    padding: 0 10px;
}
>>>.el-input__inner {
    border-color: #415284;
    background-color: ghostwhite;
    font-weight: bold;
}
.app-container .pageTitleSub {
    background: aliceblue;
    border-bottom: none;
}
.pageTitle {
    background: aliceblue;
    border: 1px solid aliceblue;
}
>>>.el-row {
    margin-bottom: 5px;
}
>>>.el-button {
    margin-right: 5px;
}
>>>.el-dialog__body {
    background-color: aliceblue;
}
>>>.el-dialog__header {
    background-color: aliceblue;
}
</style>
